<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:c="http://java.sun.com/jsp/jstl/core"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        
    <c:set var="root" value="#{request.contextPath}" />
        <h:outputScript library="primefaces" name="jquery/jquery.js" />
        <!--<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>--> 
    </h:head>
    <h:body>
        <!--<p:commandButton action="#{customerBrowseCtrl.sendMail()}" />-->
        <h:form id="formImageUpload" enctype="multipart/form-data">
            <p:growl id="upload_messages" />
            <p:fileUpload styleClass="btn" fileUploadListener="#{imageUploadListener.handleFileUpload}"  
                          mode="advanced"   
                          update="upload_messages"  
                          sizeLimit="100000"   
                          allowTypes="/(\.|\/)(gif|jpe?g|png)$/"/>  

        </h:form>



        <h:form id="formImages">
                    <p:carousel id="imageList" value="#{productBrowseCtrl.productImages}" var="pImage" headerText="Product images">  
                        <p:graphicImage id="image" value="http://127.0.0.1:12345/temp/#{pImage.imagePath}" width="200px" height="100px" />   
                        <h:panelGrid columns="2" style="width:100%" cellpadding="5">  
                            <h:outputText value="Model: " /><h:outputText id="model" value="2" />  
                        </h:panelGrid>  

                    </p:carousel>
        </h:form>
    </h:body>
</html>